<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>美联英语在线VIP-真人在线英语学习-美联英语免费在线学习网站 - 美联英语在线VIP</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/myCSS.css"/>
    <style>
        @media ( max-width: 768px) {
            .icon-bar{background-color:#ffffff;}
        }
    </style>
    <script>
        window.onload = function(){
                var a = 10;

        }
    </script>
</head>
<body>

    <!--top-->
    <div class="clearfix" id="layout_toper">
    <div class="container">
        <div class="clearfix">
            <div class="pull-left hidden-xs">
                <span class="hidden-sm">
                    <i class="glyphicon glyphicon-phone-alt"></i>
                    &nbsp;400-777-8828
                </span>
                <span class="hidden-sm">&nbsp;</span>
                <a class=" ltitem " href="javascript:;" lang="101">
                    中文
                </a>
                <a class=" ltitem " href="javascript:;" lang="102">
                    英文
                </a>
            </div>
            <div class="pull-right">
                <a class="btn btn-danger btn-sm" href="#">免费注册</a>
                <a class="btn btn-default btn-sm" href="#mymodal" data-toggle="modal">登录</a>
            </div>
        </div>
    </div>
</div>
    <!--导航-->
    <nav class="navbar layout-header navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">
                    <img class="img-responsive" src="image/logo_09.png" alt="">
                </a>
                <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="navbar-collapse collapse" id="mycollapse">
                <ul class="nav navbar-nav">
                    <li class="active">
                        <a class="intercept" href="#" >
                            <i class="glyphicon glyphicon-home"></i> 首页
                        </a>
                    </li>
                    <li>
                        <a class="intercept" href="#">
                            <i class="glyphicon glyphicon-gift"></i> 通用英语
                        </a>
                    </li>
                    <li>
                        <a class="intercept" href="#" >
                            <i class="glyphicon glyphicon-pencil"></i> 海外考试
                        </a>
                    </li>
                    <li class=" hidden-sm">
                        <a class="intercept" href="#">
                            <i class="glyphicon glyphicon-globe"></i>青少英语
                        </a>
                    </li>
                    <li class=" hidden-sm">
                        <a class="intercept" href="#">
                            <i class="glyphicon glyphicon-bishop"></i> 行业英语
                        </a>
                    </li>
                    <li class=" hidden-sm">
                        <a class="intercept" href="#" >
                            <i class="glyphicon glyphicon-shopping-cart"></i> 在线购买
                        </a>
                    </li>
                    <li class=" hidden-md hidden-sm">
                        <a class="intercept" href="#">
                            <i class="glyphicon glyphicon-user"></i> 全球师资
                        </a>
                    </li>
                    <li class="dropdown ">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 更多栏目
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu" role="menu">
                            <li class=" visible-sm"><a href="#">青少英语</a></li>
                            <li class=" visible-sm"><a href="#">行业英语</a></li>
                            <li class=" visible-sm"><a href="#">在线购买</a></li>

                            <li class=" visible-sm visible-md"><a href="#">全球师资</a></li>
                            <li class=""><a href="#">学员案例</a></li>
                            <li class=""><a href="#">免费体验</a></li>
                            <li class=""><a href="#">英语胶囊</a></li>
                            <li class=""><a href="#">精彩动态</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!--焦点图-->
    <section class="carousel slide" id="shared_carousel" data-ride="carousel">
        <div class="slider-overly"></div>
        <!-- 序号 -->
        <ol class="carousel-indicators">
            <li class="active" data-target="#shared_carousel" data-slide-to="0"></li>
            <li class="" data-target="#shared_carousel" data-slide-to="1"></li>
            <li class="" data-target="#shared_carousel" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner" role="listbox">
            <div class="item active" style="background-color:#ffffff;">
                <img class="img-responsive" src="image/img1.jpg" alt="...">
                <div class="carousel-caption">
                    <span class="subject"></span>
                </div>
            </div>
            <div class="item" style="background-color:#ffffe5;">
                <img class="img-responsive" src="image/img2.jpg" alt="...">
                <div class="carousel-caption">
                    <span class="subject"></span>
                </div>
            </div>
            <div class="item">
                <img class="img-responsive" src="image/img3.jpg" alt="...">
                <div class="carousel-caption">
                    <span class="subject"></span>
                </div>
            </div>
        </div>
        <a class="left carousel-control hidden-xs" data-slide="prev" href="#shared_carousel" role="button">
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control hidden-xs" data-slide="next" href="#shared_carousel" role="button">
            <span class="sr-only">Next</span>
        </a>
    </section>
    <!--公告通知-->
    <div class="clearfix" id="shared_notice">
        <div class="container">
            <table>
                <tbody><tr>
                    <td class="col-sm-8 hidden-xs">
                        <h5>
                            <b>用英语，为梦想加油！10周年，不失梦想正青春！</b>
                        </h5>
                        <p>
                            美联英语在线VIP隶属于美联国际教育集团，自2006年初创，至今已整整走过10年，15个省份，26个城市，80多家中心，20多万学员，我们让更多中国面孔成为世界的中坚力量！从线上到线下，从中国到北美，我们致力于让每一个与世界相联的美好梦想，都能实现。加入我们，用英语为梦想加油！
                        </p>
                    </td>
                    <td class="col-sm-4 text-right hidden-xs">
                        <div class="info">
                            免费试听 + 水平测试
                        </div>
                        <a class="abtn" href="javascript:;">立即申请</a>
                    </td>
                    <td class="text-center hidden-lg hidden-md hidden-sm">
                        <div class="info">
                            免费试听 + 水平测试
                        </div>
                        <a class="abtn" href="javascript:;">立即申请</a>
                    </td>
                </tr>
                </tbody></table>
        </div>
    </div>

    <!--真的没时间学习吗-->
    <div class="clearfix" id="home_time">
        <div class="container">
            <h2 class="btitle">
                真的没有时间学习英语吗?
            </h2>
            <br>
            <div class="time-trend">
                <h4>
                    2015年在线学习人群的学习时段数据分布
                </h4>
                <img class="img-responsive" src="image/trend.png" alt="">
            </div>
        </div>
    </div>

    <!-- 学习人群 -->
    <div id="home_crowd" style="background-image:url('image/bg.jpg')">
        <div class="container">
            <h4 class="ptitle">
                <span>30%</span>的人群在<span>早8点前</span>和<span>晚22点后</span>进行在线学习，每天至少可多得<span>5小时</span>学习时间；
                线下培训班，往返路程平均浪费<span>1.5小时</span>，在线学习帮你节省时间用来享受生活。
            </h4>
            <div class="text-center">
                <img src="http://attach.met365.com/Images/Market/Home/block-split.png" alt="">
            </div>
            <br>
            <br>
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <div class="crowditem">
                        <img class="img-responsive" src="http://attach.met365.com/Images/Market/Home/Block/Crowd/zqz.png" alt="">
                        <h4>我是</h4>
                        <h3>早起族</h3>
                        <div>早7点别人还在睡觉，而我在跟英国外教网聊下午茶</div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="crowditem">
                        <img class="img-responsive" src="http://attach.met365.com/Images/Market/Home/Block/Crowd/ymz.png" alt="">
                        <h4>我是</h4>
                        <h3>夜猫子</h3>
                        <div>夜深人静时，我的注意力最专注，此时不学更待何时</div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="crowditem">
                        <img class="img-responsive" src="http://attach.met365.com/Images/Market/Home/Block/Crowd/znzn.png" alt="">
                        <h4>我是</h4>
                        <h3>宅男/女</h3>
                        <div>不出门也可以跟外教嗨聊，全世界的新鲜事照样全知道</div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="crowditem">
                        <img class="img-responsive" src="http://attach.met365.com/Images/Market/Home/Block/Crowd/lhz.png" alt="">
                        <h4>我是</h4>
                        <h3>乐活族</h3>
                        <div>你还在去上课的路上，我已经躺在沙发上学完在看电影</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 2000+全球师资 100%欧美外教 -->
    <div class="clearfix" id="home_teacher">
        <div class="container">
            <h2 class="btitle">
                2000+全球师资 100%欧美外教
            </h2>
            <h4 class="subtitle">
            <span>
                TESOL证书 / 5年以上教龄 / 高颜值外教团
            </span>
            </h4>
            <br>
            <div class="row">
                <div class="col-md-8 col-sm-6">
                    <div class="titem metvideo" style="min-height: 350px;background-image:url(image/oleg.png)">
                        <!-- 教师名称 -->
                        <div class="tname right">
                            <h2>
                                Oleg
                            </h2>
                            <h5>
                                TEFL / 4年教龄
                            </h5>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6">
                    <div class="titem metvideo" style="min-height: 350px;background-image:url(image/oksana.png)">
                        <!-- 教师名称 -->
                        <div class="tname left">
                            <h2>
                                Oksana
                            </h2>
                            <h5>
                                TESOL / 5年教龄
                            </h5>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4">
                    <div class="titem metvideo" style="min-height: 200px;background-image:url(image/ewelina.png)">
                        <!-- 教师名称 -->
                        <div class="tname right">
                            <h2>
                                Ewelina
                            </h2>
                            <h5>
                                TESOL / 9年教龄
                            </h5>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="titem metvideo" style="min-height: 200px;background-image:url(image/juraj.png)">
                        <!-- 教师名称 -->
                        <div class="tname right">
                            <h2>
                                Juraj
                            </h2>
                            <h5>
                                TESOL / 3年教龄
                            </h5>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4">
                    <a class="tmore text-center" href="#">
                        <img src="image/tmore.png" alt="">
                        <div>
                            查看更多&nbsp;
                            <!--<i class="fa fa-arrow-circle-right"></i>-->
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- 6大课程体系，总有一款适合你 -->
    <div class="clearfix" id="home_course">
        <div class="container">
            <h2 class="btitle">
                6+课程体系，总有一款适合你
            </h2>
            <h4 class="subtitle">
            <span>
                10教育行业背景，1000专业研发团队，针对不同学习需求，打造全面完善的课程体系
            </span>
            </h4>
            <div class="text-center">
                <img class="img-responsive" src="image/cover.png" alt="">
            </div>
            <div class="row">
                <div class="col-xs-4">
                    <a class="courseitem ci1" href="#" role="button">
                        通用口语
                    </a>
                </div>
                <div class="col-xs-4">
                    <a class="courseitem ci2" href="#" role="button">
                        海外考试
                    </a>
                </div>
                <div class="col-xs-4">
                    <a class="courseitem ci1" href="#" role="button">
                        青少英语
                    </a>
                </div>
                <div class="col-xs-4">
                    <a class="courseitem ci2" href="#" role="button">
                        行业英语
                    </a>
                </div>
                <div class="col-xs-4">
                    <a class="courseitem ci1" href="#" role="button">
                        旅游英语
                    </a>
                </div>
                <div class="col-xs-4">
                    <a class="courseitem ci2" href="#" role="button">
                        面试英语
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- 学伴 -->
    <div class="clearfix" id="home_partner">
        <div class="container">
            <h2 class="btitle">
                有伴有爱有力量，再也不怕学习没动力
            </h2>
            <h4 class="subtitle">
            <span>
                学习从来不是轻松事，与其孤身奋战，不如找到志同道合小伙伴一起坚持到底，免费的哦
            </span>
            </h4>
            <br>
            <div class="row text-center">
                <div class="col-sm-4">
                    <div class="partneritem">
                        <img class="img-responsive" src="image/01.jpg" alt="">
                        <h4>
                            学习太苦，坚持不住
                        </h4>
                        <p>
                            学伴功能，一键添加小伙伴。
                            免费一起学，互相督促进步快！
                        </p>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="partneritem">
                        <img class="img-responsive" src="image/02.jpg" alt="">
                        <h4>
                            出国旅行，口语太差
                        </h4>
                        <p>
                            学伴功能，免费添加全部旅伴。
                            一起恶补，齐心协力出国不愁！
                        </p>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="partneritem">
                        <img class="img-responsive" src="image/03.jpg" alt="">
                        <h4>
                            是英语课，也是交友会
                        </h4>
                        <p>
                            20多个城市，70多家美联中心，
                            I Show活动课，欢迎一起来玩耍！
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 打赏 -->
    <div class="clearfix" id="home_reward">
        <div class="container">
            <h2 class="btitle">
                真金白银选老师
            </h2>
            <h4 class="subtitle">
            <span>
                教你学的人和督促你学的人，最重要！评分与评语有时并不客观，你懂哒。所以，我们开放打赏功能，真金白银的来检验教学与服务。
            </span>
            </h4>
            <div class="text-center">
                <img class="img-responsive" src="image/teacher.jpg" alt="">
            </div>
        </div>
        <div class="reward-info">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 col-sm-6">
                        <div class="riitem">
                            <h3>
                                2%
                            </h3>
                            <div>
                                合同金额的2%自动转换为学员打赏U币
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <div class="riitem">
                            <h3>
                                1U币=1RMB
                            </h3>
                            <div>
                                直接以现金形式全部兑换给教师
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <div class="riitem">
                            <h3>
                                每节课
                            </h3>
                            <div>
                                学员都可以对老师进行打赏与评价
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <div class="riitem">
                            <h3>
                                每个月
                            </h3>
                            <div>
                                对自己的学习指导进行打赏与评价
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <div class="riitem">
                            <h3>
                                教师考核
                            </h3>
                            <div>
                                打赏是考核老师教学质量最重要的参考指标
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6">
                        <div class="riitem">
                            <h3>
                                SA考核
                            </h3>
                            <div>
                                打赏情况是我们最重要的考核参考指标
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 退费 -->
    <div class="clearfix" id="home_refund" style="background-image:url('image/bg2.jpg')">
        <div class="container">
            <h2 class="btitle">
                0风险，不满意随时退
            </h2>
            <h4 class="subtitle">
                我们懂你，才知道放飞自由的意义！梦想可以暂缓，但不要失去！
            </h4>
            <div class="text-center">
                <img src="image/block-split.png" alt="">
            </div>
            <br>
            <div class="row">
                <div class="col-sm-6">
                    <div class="refund-item">
                        <img class="img-responsive" src="image/01.png" alt="">
                        <h3>
                            随时重修
                        </h3>
                        <div>
                            如果你对课程、教师、学习平台的课后评价任意一项≤1分，该节课将会返还课时可进行重修，以保障你每一节课的学习效果。
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="refund-item">
                        <img class="img-responsive" src="image/02.png" alt="">
                        <h3>
                            随时退费
                        </h3>
                        <div>
                            如不满意，全程可随时退费。我们颠覆规则，只为让每一位英语学习者可以轻松无忧的做选择，用客户的选择检验我们的产品。
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 4+核心优势 N+成效保障 -->
    <div class="clearfix" id="home_service">
        <div class="container">
            <h2 class="btitle">
                更多特色服务
            </h2>
            <h4 class="subtitle">
            <span>
                4+核心优势 N+成效保障
            </span>
            </h4>
            <br>
            <div class="media">
                <div class="media-left">
                    <img class="media-object" src="image/3.png" alt="">
                </div>
                <div class="media-body">
                    <h4>
                        担心计划没有变化快？4小时+随订随上
                    </h4>
                    <p>
                        学习之所以难以坚持，有时仅仅因为计划没有变化快：会议取消、约会提前、行程更改...
                        我们打破了24小时的桎梏，打造行业内唯一可课前4小时订课/退课机制，更有推荐课程，可随时预订随时上。让你真正以不变应万变。
                    </p>
                </div>
            </div>

            <div class="media">
                <div class="media-body text-right">
                    <h4>
                        需要帮助？需要督促？“保姆式”学习管理服务
                    </h4>
                    <p class="pull-right">
                        温暖的问候永远优于冰冷机器的制式化自动应答，我们始终坚持提供充满温度感的真人学习管理服务。为每位学员配备专属学习指导，量身打造学习计划、管理学习进度，高效高颜值的真人在线SA团队，为你的学习保驾护航。
                    </p>
                </div>
                <div class="media-right">
                    <img class="media-object" src="image/4.png" alt="">
                </div>
            </div>

            <div class="media">
                <div class="media-left">
                    <img class="media-object" src="image/5.png" alt="">
                </div>
                <div class="media-body">
                    <h4>
                        学员福利出国游！学英语，看世界！
                    </h4>
                    <p>
                        2015年开始，我们将以旅行的方式，带学员们深度走访全球自然与文化处所。这将是一场跨越20年甚至更久的旅程，161个国家及地区，1007个人类文明及自然遗产...语言，是认知世界的工具！我们愿做你认知世界的伙伴！
                    </p>
                </div>
            </div>

            <div class="media">
                <div class="media-body text-right">
                    <h4>
                        免费送！海量学习资源！课程复习+课后巩固
                    </h4>
                    <p class="pull-right">
                        你学习过的每节课程都有同步录像，上课时，你只需专心听讲，无需分心记笔记；课后，可随时免费查看录像，进行高效便捷复习；英语胶囊（7000多互动学习视频）、掌中英语、词管家APP等学习资源，帮你利用碎片时间巩固学习。
                    </p>
                </div>
                <div class="media-right">
                    <img class="media-object" src="image/6.png" alt="">
                </div>
            </div>

        </div>
    </div>

    <!-- 小美GOGO -->
    <div class="clearfix" id="home_xmgo" style="background-image: url('image/bg3.jpg')">
        <div class="container">
            <h2 class="btitle">
                学英语，看世界！小美带你GO学员微电影
            </h2>
            <div class="text-center">
                <img src="image/block-split.png" alt="">
            </div>
            <br>
            <br>
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <div class="xmgoitem">
                        <div class="metvideo">
                            <img class="img-responsive" src="image/4.jpg" alt="">
                        </div>
                        <h5 class="intercept">
                            学员旅行微电影 - 清迈篇
                        </h5>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="xmgoitem">
                        <div class="metvideo">
                            <img class="img-responsive" src="image/5.jpg" alt="">
                        </div>
                        <h5 class="intercept">
                            学员旅行微电影 - 斯里兰卡篇
                        </h5>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="xmgoitem">
                        <div class="metvideo">
                            <img class="img-responsive" src="image/6.jpg" alt="">
                        </div>
                        <h5 class="intercept">
                            小美带你GO - 精彩花絮1
                        </h5>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="xmgoitem">
                        <div class="metvideo">
                            <img class="img-responsive" src="image/7.jpg" alt="">
                        </div>
                        <h5 class="intercept">
                            小美带你GO - 精彩花絮2
                        </h5>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--学习流程-->
    <div class="clearfix" id="shared_studystep">
        <div class="container">
            <h2 class="btitle">学习流程</h2>
            <h4 class="subtitle">
                <span>仅需4步，轻松开启在线学习之旅</span>
            </h4>
            <br>
            <div class="row">
                <!-- 登录/注册 -->
                <div class="col-md-3 col-sm-6">
                    <span class="ssindex">01</span>
                    <div class="stepitem">
                        <div>
                            <img class="img-responsive" src="image/step1.png" alt="">
                            <p class="intercept">
                                会员注册 / 登录
                            </p>
                        </div>
                        <div class="row">
                            <div class="col-xs-6">
                                <a class="btn btn-default  btn-block" href="#">登录</a>
                            </div>
                            <div class="col-xs-6">
                                <a class="btn btn-danger  btn-block" href="#" >注册</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 购买课程 -->
                <div class="col-md-3 col-sm-6">
                    <span class="ssindex">02</span>
                    <div class="stepitem">
                        <div>
                            <img class="img-responsive" src="image/step2.png" alt="">
                            <p class="intercept">
                                购买相关课程
                            </p>
                        </div>
                        <a class="btn btn-default  btn-sm btn-block" href="#" >
                            购买课程&nbsp;
                        </a>
                    </div>
                </div>
                <!-- 预约课程 -->
                <div class="col-md-3 col-sm-6">
                    <span class="ssindex">03</span>
                    <div class="stepitem">
                        <div>
                            <img class="img-responsive" src="image/step3.png" alt="">
                            <p class="intercept">
                                自选外教/时间/主题
                            </p>
                        </div>
                        <a class="btn btn-default  btn-sm btn-block" href="#" >
                            预约课程&nbsp;
                        </a>
                    </div>
                </div>
                <!-- 上课环境检测 -->
                <div class="col-md-3 col-sm-6">
                    <span class="ssindex">04</span>
                    <div class="stepitem">
                        <div>
                            <img class="img-responsive" src="image/step4.png" alt="">
                            <p class="intercept">
                                电脑/PAD/手机，均可上课
                            </p>
                        </div>
                        <a class="btn btn-default  btn-sm btn-block " href='#'>
                            上课环境检测&nbsp;
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- 企业荣誉 & 企业客户 -->
    <div class="clearfix" id="layout_block_credit" style="background-image: url('image/bg.png')">
        <div class="container">
            <div class="clearfix">
                <h2 class="btitle">企业荣誉</h2>
                <br>
                <div class="row">
                    <div class="col-sm-2 col-xs-4">
                        <img class="img-responsive" src="image/credit-01.png" alt="">
                        <div>
                            CCTV希望之星英语风采大赛国际唯一战略合作伙伴
                        </div>
                    </div>
                    <div class="col-sm-2 col-xs-4">
                        <img class="img-responsive" src="image/credit-02.png" alt="">
                        <div>
                            2014年度教育盛典十大知名外语培训机构
                        </div>
                    </div>
                    <div class="col-sm-2 col-xs-4">
                        <img class="img-responsive" src="image/credit-03.png" alt="">
                        <div>
                            亚太总裁国际合作大会唯一指定语言服务供应商
                        </div>
                    </div>
                    <div class="col-sm-2 col-xs-4">
                        <img class="img-responsive" src="image/credit-04.png" alt="">
                        <div>
                            2014年度中国最具创新力在线教育品牌
                        </div>
                    </div>
                    <div class="col-sm-2 col-xs-4">
                        <img class="img-responsive" src="image/credit-05.png" alt="">
                        <div>
                            外研社体验式英语战略合作伙伴
                        </div>
                    </div>
                    <div class="col-sm-2 col-xs-4">
                        <img class="img-responsive" src="image/credit-06.png" alt="">
                        <div>
                            第26届世界大学生运动会指定英语培训机构
                        </div>
                    </div>
                </div>
            </div>
            <br><br><br><br>
            <div class="clearfix">
                <h2 class="btitle">合作伙伴</h2>
                <br>
                <div class="row">
                    <div class="col-sm-2 col-xs-4">
                        <img class="img-responsive" src="image/customer-01.png" alt="">
                    </div>
                    <div class="col-sm-2 col-xs-4">
                        <img class="img-responsive" src="image/customer-02.png" alt="">
                    </div>
                    <div class="col-sm-2 col-xs-4">
                        <img class="img-responsive" src="image/customer-03.png" alt="">
                    </div>
                    <div class="col-sm-2 col-xs-4">
                        <img class="img-responsive" src="image/customer-04.png" alt="">
                    </div>
                    <div class="col-sm-2 col-xs-4">
                        <img class="img-responsive" src="image/customer-05.png" alt="">
                    </div>
                    <div class="col-sm-2 col-xs-4">
                        <img class="img-responsive" src="image/customer-06.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--footer-->
    <footer>
        <div class="layout-footer">
            <ul class="list-inline qualification">
                <li>
                    <a href="#" target="_blank">
                        <img src="image/qualification_001.png" alt="">中国互联网诚信联盟
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <img src="image/qualification_002.png" alt="">网上交易保障中心
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <img src="image/qualification_003.png" alt="">可信网站认证
                    </a>
                </li>
                <li>
                    <a href="#" target="_blank">
                        <img src="image/qualification_004.png" alt="">诚信网站认证
                    </a>
                </li>
                <li>
                    <img src="image/qualification_005.png" alt="">经营性网站备案信息
                </li>
                <li>
                    <a href="#" target="_blank">
                        <img src="image/qualification_006.png" alt="">安全联盟
                    </a>
                </li>
            </ul>
            <abbr title="美联英语自2006年成立以来，陆续在全国开设直营培训中心70家，覆盖11个省份、20个城市，拥有企业员工2100余名，共培养学员十余万人。美联英语 在线VIP隶属美联英语旗下品牌，为学员提供真人在线、实时互动的英语教学与服务。厦门中心地址：厦门市思明区厦禾路879号美新广场1层（金榜公园斜对面）。电话：0592-3803333">
                美联英语
            </abbr>&nbsp;版权所有 <br>
            Copyright ©2010-2016 <a href="#" target="_blank">粤ICP备12018421号</a>
            <span>，电话：400-777-8828</span>
            <!-- 友情链接 -->
            <div class="layout-footer-link">
                <div class="container">
                    <span class="text-muted">友情链接：</span>
                    <a href="#" title="美联英语" >美联英语</a>
                    <a href="#" title="学习网">学习网</a>
                </div>
            </div>
        </div>
    </footer>


    <!--弹出的模态框-->
    <div id="mymodal" class="modal fade"><!-- modal固定布局，上下左右都是0表示充满全屏，支持移动设备上使用触摸方式进行滚动。。-->
        <div class="modal-dialog modal-sm"><!-- modal-dialog默认相对定位，自适应宽度，大于768px时宽度600，居中-->
            <div class="modal-content"><!-- modal-content模态框的边框、边距、背景色、阴影效果。-->
                <div class="modal-header">
                    <button class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">
                        欢迎登录
                        <small>SIGN IN</small>
                    </h4>
                </div>
                <div class="media-body">
                    <form action="#">
                        <div class="col-md-10 col-md-offset-1 myMP">
                            <input class="form-control" type="text" placeholder="手机/邮箱/用户名"/>
                        </div>
                        <div class="col-md-10 col-md-offset-1 myMP">
                            <input class="form-control" type="text" placeholder="密码"/>
                        </div>
                        <div class="col-md-10 col-md-offset-1 myMP">
                            <input type="checkbox" />下次自动登录
                        </div>
                        <div class="col-md-12 myB">
                            <input class="btn btn-danger form-control" type="submit" value="登录"/>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                </div>
            </div>
        </div>

    </div>

<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
<script>
    $(window).scroll(function(){
        if($(this).scrollTop()>35){
            $("nav.layout-header.navbar").css("top","0");
        }else{
            $("nav.layout-header.navbar").css("top","35px");
        }
    });
</script>

</html>